<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:cms="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE"/>
    <title>迎天下-登录</title>
    <link href="/static/images/logo.ico" type="image/x-icon" rel="shortcut icon"/>
    <link rel="stylesheet" href="../static/css/common.css" th:href="${'/static/css/common.min.css?v='+version}"/>
    <link rel="stylesheet" href="../static/css/font-awesome.min.css" th:href="${'/static/css/font-awesome.min.css?v='+version}"/>
    <link rel="stylesheet" href="../static/css/login.css" th:href="${'/static/css/login.min.css?v='+version}" />
</head>
<body>
<div class="header">
    <div class="login-head">
        <div class="login-logo">
            <a th:href="${indexDomain}"><img src="http://ytx-g3.oss-cn-shanghai.aliyuncs.com/default-image/logo.png?x-oss-process=image/resize,w_92" alt=""/></a>
        </div>
        <div class="login-logo-type fr"></div>
    </div>
</div>
<div class="login-body">
    <input type="hidden" id="userDomain" th:value="${userDomain}"/>
    <input type="hidden" id="indexDomain" th:value="${indexDomain}"/>
    <input type="hidden" id="accountDomain" th:value="${accountDomain}"/>
    <input type="hidden" id="redirect" th:value="*{redirect}"/>
    <div class="login-container">
        <div cms:fragment ="/login/banner.html"></div>
        <div class="login-view-container">
            <div class="login-view">
                <div class="login-main">
                    <div class="login-tab-container clearfix">
                        <a href="javascript:void(0);" tabindex="-1" class="login-tab active J-code-login">验证码登录</a>
                        <a href="javascript:void(0);" tabindex="-1" class="login-tab J-password-login">密码登录</a>
                    </div>
                    <div class="login-type-container hidden" id="J-code-container">
                        <div class="login-input-container">
                            <label class="login-input-icon" for="mobile"><i class="fa fa-user"></i></label>
                            <input type="text" id="mobile" placeholder="手机号"/>
                            <span class="login-input-tips">手机号</span>
                        </div>
                        <div class="login-input-container hidden" id="mobileCaptchaParent">
                            <label for="captcha" class="login-input-icon"><i class="fa fa-shield"></i></label>
                            <input type="text" class="captcha"  maxlength="6" id="mobileCaptcha" placeholder="请输入字符验证码" />
                            <span class="login-input-tips">请输入字符验证码</span>
                            <a href="javascript:void(0);" id="mobileCaptchaCon" class="captcha-container"><img width="100px" height="40px" src="/captcha"/></a>
                        </div>
                        <div class="small-input-row clearfix">
                                <div class="login-input-container small fl">
                                <label class="login-input-icon" for="mobile_code"><i class="fa fa-lock"></i></label>
                                <input type="text" id="mobile_code" placeholder="请输入短信验证码"/>
                                <span class="login-input-tips">请输入短信验证码</span>
                            </div>
                            <a href="javascript:void(0);" id="getCode" class="get-code fl">获取短信验证码</a>
                        </div>
                        <div class="login-error-container">
                            <div id="mobile-tip" class="hidden">
                                <span class="c999">此手机号未注册，将自动为您创建帐号</span>
                            </div>
                            <div id="mobile-error">
                                <span class="login-error-icon"><img src="../static/images/login_error.png" alt=""/></span>
                                <span class="login-error" th:text="${error ne null?error:''}"></span>
                            </div>
                        </div>
                        <div class="login-submit-container clearfix">
                            <div class="login-submit-button">
                                <a href="javascript:void(0);" id="codeLogin" class="login">登&nbsp;&nbsp;录</a>
                            </div>
                            <a class="fl login-link" id="J_findPassword1">忘记密码</a>
                            <a th:href="${userDomain}" class="fr login-link">免费注册</a>
                        </div>
                    </div>
                    <div class="login-type-container" id="J-password-container">
                        <div class="login-input-container">
                            <label class="login-input-icon" for="userName"><i class="fa fa-user"></i></label>
                            <input type="text" id="userName" placeholder="请输入帐号/手机号"/>
                            <span class="login-input-tips">请输入帐号/手机号</span>
                        </div>
                        <div class="login-input-container">
                            <label class="login-input-icon" for="passWord"><i class="fa fa-lock"></i></label>
                            <input type="password" id="passWord" placeholder="请输入密码"/>
                            <span class="login-input-tips">请输入密码</span>
                        </div>
                        <div class="login-input-container hidden" id="captchaParent">
                            <label for="captcha" class="login-input-icon"><i class="fa fa-shield"></i></label>
                            <input type="text" class="captcha" maxlength="6" id="captcha" placeholder="请输入字符验证码" />
                            <span class="login-input-tips">请输入字符验证码</span>
                            <a href="javascript:void(0);" id="captchaCon" class="captcha-container"><img width="100px" height="40px" src="/captcha"/></a>
                        </div>
                        <div class="login-error-container hidden">
                            <span class="login-error-icon"><img src="../static/images/login_error.png" alt=""/></span>
                            <span class="login-error" th:text="${error ne null?error:''}"></span>
                        </div>
                        <div class="login-submit-container clearfix">
                            <div class="login-submit-button">
                                <a href="javascript:void(0);" class="login" id="passwordLogin">登&nbsp;&nbsp;录</a>
                            </div>
                            <a class="fl login-link" id="J_findPassword">忘记密码</a>
                            <a th:href="${userDomain}" class="fr login-link">免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="login-other">
                    <p><span>第三方帐号登录 : </span><a href="javascript:void(0)" id="wechat-login"><img src="../static/images/wechat.png" class="login-other-img" alt=""/><span class="under-link">微信</span></a></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="login-footer">
    <div class="help-container">
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=14'}">关于我们</a>
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=29'}">购物指南</a>
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=9'}">常见问题</a>
        <a th:href="${indexDomain+'/ytx-help/views/help_center.php?id=10'}" class="last">支付方式</a>
    </div>
    <div class="copy-container">ICP备案号：陕ICP备15013591号     © 2015-2016 ytx.com 版权所有</div>
</div>
<input type="hidden" th:value="${error}" id="error"/>
<script th:inline="javascript">
    var thymeleafData = {
        needCaptcha : [[${needCaptcha}]],
        appid:[[${appId}]]
    };
</script>
<script src="../static/js/jquery-1.11.3.min.js" th:src="${'/static/js/jquery-1.11.3.min.js?v='+version}"></script>
<script src="../static/js/jquery.placeholder.min.js" th:src="${'/static/js/jquery.placeholder.min.js?v='+version}"></script>
<script src="../FEtest/test/login.js" th:src="${'/static/js/account/login.min.js?v='+version}"></script>
</body>
</html>
